<template>
  <div>
      <ul>
          <li v-for="item in arr" :key="item">{{item}} </li>
      </ul>
      <button @click="hai">走</button>
  </div>
</template>

<script>
export default {
data() {
    return {
        arr:['火影','海贼','五六七']
    }
},
methods:{
    hai(){
        this.arr.push(this.arr[0])
        this.arr.shift()
    }
}
}
</script>

<style>

</style>